<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
    <title>协同平台商脉圈运营者管理系统-项目详情</title>

    <!--CSS-->
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">

    <!-- HTML5 shim and Respond.js for IE8 support HTML5 elements and media queries-->
    <!--[if lt IE 9]>
    <script src="js/libs/html5shiv.min.js"></script>
    <script src="js/libs/respond.min.js"></script>
    <![endif]-->
</head>

<body class="overflow-x-h">
<div class="container animated fadeInRight">

    <!--breadcrumb-->
    <ol class="breadcrumb">
        <li>项目管理</li>
        <li>项目详情</li>
    </ol>

    <!--project-detail-->
    <div class="file-detail project-detail clearfix">
        <div class="col-lg-4 col-sm-4">
            <label class="key">项目状态：</label>
            <span>显示</span>
        </div>
        <div class="col-lg-4 col-sm-4">
            <label class="key pull-left">发布人：</label>
            <p class="pull-left">
                <img class="avatar" src="images/base/user.jpg" />
                <span class="author">Stefan</span>
            </p>
        </div>
        <div class="col-lg-4 col-sm-4">
            <label class="key">发布时间：</label>
            <span>2019-10-19</span>
        </div>
        <!--运营者操作按钮-->
        <div class="operate-wrap">
            <a href="javascript:;" class="btn btn-on" data-target="#on" data-toggle="modal">上架</a>
            <a href="javascript:;" class="btn btn-delete" data-target="#delete" data-toggle="modal">删除</a>
            <a href="notice-edit.html" class="btn btn-edit" target="iframe">编辑</a>
        </div>

        <!--普通用户操作按钮，请按需放置按钮种类-->
        <div class="operate-wrap hide">
            <a href="javascript:;" class="btn btn-on" data-target="#on" data-toggle="modal">上架</a>
        </div>
        <div class="clearfix"></div>

        <div class="content-list">
            <div class="form-group">
                <label class="key">项目名称：</label>
                <span class="span-control">项目名称项目名称项目名称项目名称项目名称</span>
            </div>
            <div class="form-group">
                <label class="key">项目类型：</label>
                <span class="span-control">项目名称项目名称项目名称项目名称项目名称</span>
            </div>
            <div class="form-group">
                <label class="key">国家/地区：</label>
                <span class="span-control">项目名称项目名称项目名称项目名称项目名称</span>
            </div>
            <div class="form-group">
                <label class="key">预期回报：</label>
                <span class="span-control">预期回报预期回报预期回报预期回报预期回报</span>
            </div>
            <div class="form-group">
                <label class="key">主要风险：</label>
                <span class="span-control">主要风险主要风险主要风险主要风险主要风险主要风险</span>
            </div>
            <div class="form-group">
                <label class="key">项目描述：</label>
                <span class="span-control">项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述</span>
            </div>
        </div>

    </div>
</div>

<!--on-modal-->
<div class="modal fade alert-modal" id="on">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">提示</h4>
            </div>
            <div class="modal-body">
                <p class="text-center">公告上架成功</p>
            </div>
        </div>
    </div>
</div>

<!--delete-modal-->
<div class="modal fade alert-modal" id="delete">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">提示</h4>
            </div>
            <div class="modal-body">
                <p class="text-center">确认删除本公告？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>

<script src="js/libs/jquery-1.12.1.min.js"></script>
<script src="js/libs/bootstrap.min.js"></script>
<script src="js/libs/slimscroll.min.js"></script>
<script src="js/base.js"></script>
</body>
</html>